<html><head>
<meta charset="utf-8" />
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script> 
</head>
<body>
<form action="add_club2.php" method="POST" name="frmdo" id="frmdo" target="_self">
<?php
echo "<table align='center'>
		<tr>
			<td>Estado:</td>
			<td>";
include "db.php";
				$sql="SELECT * FROM `st_estados` order by nombre";
				$result = mysql_query($sql) or die( mysql_error());	
				echo"<select name='estado' id='estado'>";
				while ($fila = mysql_fetch_assoc($result)) {
				echo"<option value='". $fila['estado_id'] ."'>". $fila['nombre'] ."</option>";
				}
				echo"</select>";
echo"</td><tr></table>";
?>
<center><div id="ajax"></div></center>
<script type="text/javascript" >
$(function () {
		$('#estado').click(function()
	{
		$('#ajax').load('add_club2.php?estado=' + this.options[this.selectedIndex].value)
	})	
})
</script>
</form>
</body></html>